p {
  margin: 0;
  padding: 0;
}
body {
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
  display: flex;
  .layout-left {
    width: 50%;
    position: relative;
    margin: 4px 0 4px 4px;
    .edit-play {
      position: absolute;
      text-align: right;
      z-index: 1000;
      right: -58px;
      top: 6px;
    }
    .container {
      height: 100%;
      // display: flex;
      // flex-direction: column;
      .container-row {
        position: relative;
        // flex: 1;
        height: 33.3333%;
        transition: all 0.3s ease;
        .container-chl-title {
          user-select: none;
          position: absolute;
          z-index: 1000;
          font-size: 18px;
          font-weight: bold;
          color: #4db2f5;
          right: 2%;
          top: 4px;
          cursor: pointer;
          transition: all 0.3s ease;
          &:hover {
            color: aliceblue;
          }
        }
      }
    }
  }
  .layout-right {
    width: 50%;
    margin: 4px;
    border: 1px solid #666;
    .frame-div {
      height: 100%;
    }
  }
}
